#set(String title = "Alice | Lock Screen")

#tag layout_block("css_page_level")
<link href="${CONTEXT_PATH}/assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
<link href="${CONTEXT_PATH}/assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css"/>
<link href="${CONTEXT_PATH}/assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="${CONTEXT_PATH}/assets/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"/>
<!-- BEGIN THEME STYLES -->
<link href="${CONTEXT_PATH}/assets/global/css/components-md.css" id="style_components" rel="stylesheet" type="text/css"/>
<link href="${CONTEXT_PATH}/assets/global/css/plugins-md.css" rel="stylesheet" type="text/css"/>
<link href="${CONTEXT_PATH}/assets/admin/layout/css/layout.css" rel="stylesheet" type="text/css"/>
<link href="${CONTEXT_PATH}/assets/admin/layout/css/themes/darkblue.css" rel="stylesheet" type="text/css"/>
<link href="${CONTEXT_PATH}/assets/admin/layout/css/custom.css" rel="stylesheet" type="text/css"/>
<!-- END THEME STYLES -->
<!-- BEGIN PAGE LEVEL STYLES -->
<link href="${CONTEXT_PATH}/assets/admin/pages/css/lock.css" rel="stylesheet" type="text/css"/>
<!-- END PAGE LEVEL STYLES -->
#end

#tag layout_block("js_page_level")
<script src="${CONTEXT_PATH}/assets/global/plugins/jquery.min.js" type="text/javascript"></script>
<script src="${CONTEXT_PATH}/assets/global/plugins/jquery-migrate.min.js" type="text/javascript"></script>
<script src="${CONTEXT_PATH}/assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="${CONTEXT_PATH}/assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
<script src="${CONTEXT_PATH}/assets/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
<script src="${CONTEXT_PATH}/assets/global/plugins/jquery.cokie.min.js" type="text/javascript"></script>
<!--[if lt IE 9]>
<script src="${CONTEXT_PATH}/assets/global/plugins/respond.min.js"></script>
<script src="${CONTEXT_PATH}/assets/global/plugins/excanvas.min.js"></script>
<![endif]-->
<script src="${CONTEXT_PATH}/assets/global/plugins/jquery-validation/js/jquery.validate.min.js" type="text/javascript"></script>
<script src="${CONTEXT_PATH}/assets/global/plugins/backstretch/jquery.backstretch.min.js" type="text/javascript"></script>
<script src="${CONTEXT_PATH}/assets/global/plugins/select2/select2.min.js" type="text/javascript"></script>
<script src="${CONTEXT_PATH}/assets/global/scripts/metronic.js" type="text/javascript"></script>
<script src="${CONTEXT_PATH}/assets/admin/layout/scripts/layout.js" type="text/javascript"></script>
<script src="${CONTEXT_PATH}/assets/admin/pages/scripts/lockscreen-login.js" type="text/javascript"></script>
<script src="${CONTEXT_PATH}/assets/global/scripts/validateimg.js" type="text/javascript"></script>

<script src="${CONTEXT_PATH}/assets/global/scripts/rsa/RSA.js" type="text/javascript"></script>
<script src="${CONTEXT_PATH}/assets/global/scripts/rsa/BigInt.js" type="text/javascript"></script>
<script src="${CONTEXT_PATH}/assets/global/scripts/rsa/Barrett.js" type="text/javascript"></script>
#end

#tag layout_block("container")
<!-- BEGIN LOGO -->
<div class="logo">
</div>

<!-- END LOGO -->

<!-- BEGIN LOGIN -->
<div class="page-lock">
    <div class="page-body">
        <div class="lock-head">
            ${getMessage('net.mayee.alice.login.screen_locked')}
        </div>
        <div class="lock-body">
            <div class="pull-left lock-avatar-block">
                <img src="${CONTEXT_PATH}/${getShrioUser().photo}" class="lock-avatar">
            </div>
            <input type="hidden" id="rsa_m" value="${rsa_modulus}">
            <input type="hidden" id="rsa_e" value="${rsa_exponent}">
            <form class="lock-form pull-left" action="${CONTEXT_PATH}/doUnLockScreen" method="post">
                <h4>${getShrioUser().loginName}</h4>
                <div class="form-group">
                    <div class="input-icon">
                        <i class="fa fa-lock"></i>
                        <input class="form-control placeholder-no-fix" type="password" autocomplete="off" placeholder="${getMessage('net.mayee.alice.login.password')}" name="password" id="password"/>
                    </div>
                </div>
                <div class="form-actions">
                    <button type="submit" class="btn blue uppercase" style="width:220px;">${getMessage('net.mayee.alice.login.btn.login')}</button>
                </div>
            </form>
        </div>
        <div class="lock-bottom">
            <a href="${CONTEXT_PATH}/logout">${getMessage('net.mayee.alice.login.other_user')}</a>
        </div>
    </div>
</div>
<!-- END LOGIN -->
#end

#tag layout_block("script")
<script>
    jQuery(document).ready(function () {
        Metronic.init();
        Layout.init();
        LockScreenLogin.init();
    });

</script>
#end

#include ("/layout/layout_lockScreen.html")
